<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript" th:src="@{/js/jq.js}"></script>
</head>
<body>
    <div style="margin-left: 400px">
        <h3>属性使用,在html元素的属性上加入th，其实元素的作用都没有变化,只是要经过thymeleaf
        模版引擎进行处理,可以访问服务器端的数据
        th代表当前的元素是要经过thymeleaf模版引擎处理的
            但是当出现模版引擎的语法的时候 就会去请求域中查找对应的数据
            如果没有查找到对应的语法  就使用html的内容
        </h3>
        <form th:action="@{/tpl/loginServlet}" th:method="${methodAttr}">
            <input th:type="text" th:name="${paramname}" th:value="${uservalue}">
            <input type="submit" id="btn" th:onclick="btnClick()" value="提交">
        </form>
        <h3 th:style="${textcolor}">这是模版的例子，显示数据样式</h3>
        <button id="btnjquery">点击我</button>
    </div>
</body>
<script type="text/javascript">
    function btnClick(){
        alert("按钮点击了");
    }


    $(function (){
        $("#btnjquery").click(function (){
            alert("已经进行了点击");
        });
    });


</script>
</html>